<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>About Outline Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<h1 align="center"><span class="pagetitle">About Outline Properties</span><br>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../misc/email.htm">Brian Wilson</a> =</font></h1>

<div align="center">
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../index.html">Main Index</a> |
    <a href="../propindex/font.htm">Property Index</a> |
    <a href="../supportkey/syntax.htm">CSS Support History</a> |
    <a href="../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<br><br>

<dl>
<dt><big><b class="mainheading">Outline Properties</b></big>
    <dd><a href="../properties/outline/outline.htm">outline</a> |
        <a href="../properties/outline/outcolor.htm">outline-color</a> |
        <a href="../properties/outline/outstyle.htm">outline-style</a> |
        <a href="../properties/outline/outwidth.htm">outline-width</a>
</dl>

<br>
<dl>
<dt><big><b class="mainheading">What Do They Do?</b></big>
    <dd>New properties in CSS2 allow outlines to be created for an element to
        help it stand out from other elements. CSS Outlines are very similar
        to borders except for several subtle differences:
        <ul type="disc">
            <li>Border sides can be independently controlled, Outline sides can
                not. The visual effects for an outline are uniform for all sides.
            <li>Outlines may be non-rectangular.
            <li>Outlines do not take up space in the box rendering model, they are
                rendered on "top" of the element's box. An outline does not affect
                the position or size of the rendering box.
        </ul>
</dl>

<dl>
<dt><big><b class="mainheading">Related Sites</b></big>
<dt><b class="subheading">Official Reference: CSS Level 2, Section 18.4</b>
    <dd>18.4: '<a href="http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines">outline</a>', <br>
        18.4: '<a href="http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines">outline-color</a>'<br>
        18.4: '<a href="http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines">outline-style</a>'<br>
        18.4: '<a href="http://www.w3.org/TR/REC-CSS2/ui.html#dynamic-outlines">outline-width</a>'
</dl>

<br><br>
<a href="../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>